<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/sousuo.css">
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<style type="text/css">
		.yin{
				display: none;
			}
			.xian{
				display: block;
			}
			
		</style>
		
		<meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
</head>
<body>
	<div class="box">
		<p>走秀首页</p>
	</div>
	<div class="banner">
	<ul>
		<li><input type="text" style="background:url(img/sousuo.png) no-repeat;"  value="女装"></li>
		<li><button id="b">搜索</button></li>
	</ul>
		<p ><img src="img/sousuo.png" ><b>正在搜索...</b></p>
	</div>
	<div class="tab">
		<a href="#">
			<img src="img/index-shou.png"/>
			<p>首页</p>
		</a>
		<a href="#">
			<img src="img/index-sou.png"/>
			<p>搜索</p>
		</a>
		<a href="#">
			<img src="img/index-xiu.png"/>
			<p>我的秀</p>
		</a>
		<a href="#">
			<img src="img/index-gou.png"/>
			<p>购物车</p>
		</a>
		<a href="#">
			<img src="img/index-geng.png"/>
			<p>更多</p>
		</a>
		
	</div>
	
	<script src="js/flexible.debug.js"></script>
	<script src="js/flexible_css.debug.js"></script>
	<script src="js/jquery-1.11.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/quanju.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
	$('.tab a').eq(1).addClass('taba').children('img').attr("src","img/index-soub.png")
		 
		 $('.banner p').addClass('yin')
		 $('#b').click(function(){
		 	console.log('a')
      	    	$('.banner p').addClass('xian')
      	    })
	</script>
</body>
</html>